<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	pageContext.setAttribute("path", path);
	pageContext.setAttribute("basePath", basePath);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath %>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Wedding Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- start menu -->
<script src="js/simpleCart.min.js"> </script>
<!-- start menu -->
<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/memenu.js"></script>
<!-- /start menu -->
		
</head>
<body> 
<!--header-->	
	<jsp:include page="../common/headerTeacher.jsp"></jsp:include>

<!---->
<div class="featured">
	 <div class="container">
		 <h3>优秀家教</h3>
		 <div class="feature-grids">
		 	 <c:forEach items="${listTeacher }" var="t">
		 	 	<div class="col-md-3 feature-grid">
				 <a href="teacher/loadTeacher/${t.tea_id }"><img src="/upload/${t.tea_photo }" alt="" style="width: 300px;height: 250px"/>	
					 <div class="arrival-info">
						 <p>${t.tea_name }</p>
						 <h4>${t.tea_class }</h4>
						 <span class="pric1">${t.tea_school }</span>
					 </div>
				 </a>
			 	</div>
		 	 </c:forEach>
			 <div class="clearfix"></div>
			 	<jsp:include page="../common/pages.jsp"></jsp:include>
		 </div>
	 </div>
</div>
<%-- <div class="arrivals">
	 <div class="container">
		 <h3>热门家教</h3>
		 <div class="arrival-grids">			 
			 <ul id="flexiselDemo1">
			 	<c:forEach items="${listTeacher }" var="t">
				 	 <li>
						 <a href="teacher/loadTeacher/${t.tea_id }"><img src="/upload/${t.tea_photo }" alt="" style="height: 250px"/>	
							 <div class="arrival-info">
								 <p>${t.tea_name }</p>
								 <h4>${t.tea_class }</h4>
								 <span class="pric1">${t.tea_school }</span>
							 </div>
						 </a>
				 	</li>
				</c:forEach>
			 </ul>
				<script type="text/javascript">
				 $(window).load(function() {			
					  $("#flexiselDemo1").flexisel({
						visibleItems: 4,
						animationSpeed: 1000,
						autoPlay: true,
						autoPlaySpeed: 3000,    		
						pauseOnHover:true,
						enableResponsiveBreakpoints: true,
						responsiveBreakpoints: { 
							portrait: { 
								changePoint:480,
								visibleItems: 1
							}, 
							landscape: { 
								changePoint:640,
								visibleItems: 2
							},
							tablet: { 
								changePoint:768,
								visibleItems: 3
							}
						}
					});
					});
				</script>
				 <script type="text/javascript" src="js/jquery.flexisel.js"></script>	
		  </div>
	 </div>
</div> --%>
<!---->
	<jsp:include page="../common/footer.jsp"></jsp:include>		 
</body>
</html>